<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="links,links后台管理系统">
    <meta name="robots" content="noindex, nofollow">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0,user-scalable=0">
    <title>登录 - links后台管理系统</title>
    <link rel="shortcut icon" href="__PUBLICS__/favicon.ico"/>
    <link rel="stylesheet" href="__STATIC__/vendors/bundle.css" type="text/css">
    <link rel="stylesheet" href="__STATIC__/assets/css/app.min.css" type="text/css">
</head>
<body class="form-membership"  style="background-image: url('../../../static/admin/assets/media/image/login.jpg');no-repeat center center fixed;-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;">
<form method="post" id="form" action="{:url('/login/index')}" target="iframe_form">
    <div class="x-login-name">
        <input  type="text" name="username" class="form-control" value="" required style="background: #0B215B !important;
        border: none;">
    </div>
    <div class="x-login-pass">
        <input type="text" name="password" class="form-control"  value="" required style="background: #0B215B !important;
        border: none;">
    </div>

    <div class="x-login-buttom">
        <button type="submit" class="btn btn-secondary btn-block btn-secondary">links后台登录</button>
    </div>
</form>
<!--<div class="form-wrapper x-login">
    <form method="post" id="form" action="{:url('/login/index')}" target="iframe_form">
        <div class="form-group">
            <input type="text" name="username" class="form-control" placeholder="账号" value="" required autofocus>
        </div>
        <div class="form-group">
            <input type="password" name="password" class="form-control" placeholder="密码" value="" required>
        </div>
        <button type="submit" class="btn btn-secondary btn-block">links后台登录</button>

    </form>
</div>-->
<script src="__STATIC__/vendors/bundle.js"></script>
<script src="__STATIC__/assets/js/examples/toast.js"></script>

<script>
    //接收ifram页面返回的消息
    function iframe_form_msg(code, msg, url = ''){
        //这里简单弹窗，想要其他效果可以用其他插件弹
        if(code == 1){
            toastr.success(msg);
            setTimeout(function(){
                location.href = url;
            }, 1000);
        }else{
            toastr.error(msg);
        }
    }

    function login() {
        alert(1);
    }
</script>
<style>
    .x-login-name{
        position: absolute;
        right: 24%;
        top: 416%;
    }
    .form-control{
        background: #0B215B !important;
        border: none;
    }

    .x-login-pass{
        position: absolute;
        right:460px;
        top: 520px;
        background: #0f6674;
    }
    .x-login-buttom{
        position: absolute;
        right:460px;
        top: 620px;
        background: #0B215B !important;
    }
    .btn-secondary{
        background: #0B215B !important;
        color: #17a2b8 !important;
    }
</style>
<div id="alert_message" style="display:none">
    <iframe name=iframe_form id="ifr" scrolling="no"></iframe>
</div>
</body>
</html>